<script setup lang="ts">
// import { reactive, ref,defineExpose } from 'vue'
import HelloWorld from './components/HelloWorld.vue'
import WelcomeItem from './components/WelcomeItem.vue';

// let num=ref(0)
// let obj=reactive({
//   name:"yx",
//   age:18
// })
// let arr=reactive(["你好","不好"])
// function chongzhi(e){
//   // num.value=e
//   num.value=888
// }
// function chongzhi2(e){
//   num.value=e
// }
//defineExpose函数表示导出实例对象的属性和方法，子组件才能调用
// defineExpose({
//   num,
//   chongzhi
// })
</script>

<template>
  <div>
    <HelloWorld/>
    <WelcomeItem/>
  </div>
  <!-- <header>
    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />

    <div class="wrapper">
      <div>我是父组件</div>
      <input type="number" v-model="num">
      <HelloWorld :num="num" :obj="obj" :arr="arr" @reset="chongzhi" @reset2="chongzhi2"/>
    </div>
  </header>

  <main>
    <TheWelcome />
  </main> -->
</template>

<style scoped>

</style>
